﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Tareas</title>
    <script type="text/javascript" src="jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="jquery.ajaxPost.js"></script>
    <script type="text/javascript" src="TaskManagement.js"></script>
    <link href="TaskMngmnt.css" rel="stylesheet" type="text/css" />  
</head>
    <body link="black" vlink="#000" hover="lightgray" style="font-size: x-small; background: lightgray" >
        <div id="container">
            <div class="cellRight">
                <a id="addNewProject" href="#" class="cellRight">Agregar nuevo proyecto</a><br />
                <a id="addNewTask" href="#" class="cellRight">Agregar nueva tarea</a><br />
                <a id="filterTask" href="#" class="cellRight">Filtrar</a>
            </div>
            <div style="clear: both">
                TAREAS
                <div id="taskTables" style="display: table; width: 200px; margin-top: 10px;">
                </div>
                <div id="taskOptions">
                    <a id="a2" href="#" class="cellRight">Crear subtarea.</a><br />
                    <a id="optionEdit" href="#" class="cellRight" >Editar.</a><br />
                    <a id="optionDelete" href="#" class="cellRight">Eliminar.</a><br />
                    <a id="a1" href="#" class="cellRight">Hacer reporte.</a>
                </div>
                <div id="InsertProjectContent" class="hide">
                    <input id="projectNameToInsert" type="text" />
                    <input type="button" value="Insertar" id="btnInsertProject" />
                </div>
                <div style="font-family:Arial, Helvetica; font-size: 11px; "id="taskDetails" class="hide" >
                    <div style="display: table-row;">
                        <div class="cell">Nombre de tarea: </div>
                        <div class="cellRight">
                            <input id="taskName" type="text" />
                            <input id="txtId" type="text" class="hide" />
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Fecha de entrega: </div>
                        <div class="cellRight">
                            <input id="taskEndDate" type="text" />
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Hora: </div>
                        <div class="cellRight">
                            <input id="taskHour" type="text" style="width: 30px" maxlength="5" value="00:00"/>
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Proyecto: </div>
                        <div class="cellRight">
                            <select id="taskProject" style="height: 18px;"></select>
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Usuarios: </div>
                        <div class="cellRight">
                            <input type="text" id="userOptionsTxt" readonly="readonly" style="width: 105px" class="readOnlyInput" />
                            <span id="showUsers" style="width: 20px; cursor: pointer">^</span>
                            <br />
                            <div id="taskUsers" style="display: none"></div>
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Adjuntar archivo: </div>
                        <div class="cellRight">
                            <input type="text" id="fileshow"  readonly="readonly" style="width: 46px" class="readOnlyInput estra" />
                            <div id='file_browse_wrapper'>
                                <input id="taskAttachment" type="file" /> <!--style="width: 118px"-->
                            </div>   
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Prioridad: </div>
                        <div class="cellRight">
                            <select id="taskPriority"  style="height: 18px;"></select>
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Recordatorio: </div>
                        <div class="cellRight">
                            <select id="taskNotificationDays" style="width: 37px; height: 18px;">
                            </select>
                            <select id="taskNotificationHours" style="width: 38px; height: 18px;">
                            </select>
                            <select id="taskNotificationMins" style="width: 40px; height: 18px;">
                            </select>
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Descripción: </div>
                        <div class="cellRight">
                            <textarea id="taskDescription" rows="5" cols="17"></textarea> 
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">Avance: </div>
                        <div class="cellRight">
                            <input id="taskProgress" type="text" style="width: 15px" maxlength="2" value="0" />
                            %
                        </div>
                    </div>
                    <div style="height: 2px"></div>
                    <div style="display: table-row">
                        <div class="cell">
                            <input type="button" value="Actualizar" id="btnUpdateTaks" class="hide"/>
                            <input type="button" value="Insertar" id="btnInsertTaks" />
                        </div>
                        <div class="cellRight">
                            <label>
                                <input id="taskShowInCalendar" type="checkbox" />Mostrar en calendario</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
